body{background-color:#f5f5f5;}
body .container{background:#fff;width:100%;max-width:856px;text-align: center;margin:0px auto;}
/*容器样式设定*/
#container{position:relative;margin:0 auto;height:610px;}
#container .page{position:absolute;left:0px;top:0px;width:100%;height:100%;background:#fff;}
/*开关样式设定*/
.trigger{display: block;width:68px;height:68px;background-image:url(../images/switch_uncheck.gif);position: absolute;right:0px;top:0px;z-index: 3;}
.switch:checked ~ .account-page{ display: none;}
.switch:checked ~ label{background:none;}
.switch:checked ~ label span{display: block;position:absolute;left:0;top:0;right:0;bottom:0;width:30px;height:30px;height:30px;margin:auto;border-radius:50%;background:#BDBDBD url(../images/i_close.png) no-repeat center center}
/*登录样式设定*/
.account-page{z-index: 1;color:#9D9DA0;text-align: center;}
.account-page .header{height:185px;overflow:hidden;}
.account-page .logo{width:49px;height:48px;display:inline-block;text-indent: -9999px;margin-top:50px;position:relative;}
.account-page .logo>*{display:block;}
.account-page .title{margin-top:20px;font-size:30px;color:#000;}
.account-page .section{height:236px;overflow: hidden;}
.account-page .form-item{box-sizing:content-box;width:100%;max-width:360px;height:48px; border: none;border:solid #ccc 1px;margin-top:15px;text-indent:15px;font-size:10px;}
.account-page .form-item:first-child{margin-top:0px;}
.account-page .btn{padding:0px;background: #EF5B00;border:solid #EF5B00 1px;color:#fff;margin-top:40px;font-size:14px;text-indent:0px;}
.account-page .footer .desc{width:360px;position: relative;text-align:center;margin:0px auto;z-index:2;margin-top:15px;}
.account-page .footer .desc:after{position: absolute;top:50%;left:0px;content:'';display:block;width:100%;border-top:solid #ccc 1px;z-index:-1;}
.account-page .footer .desc span{background:#fff;}
.account-page .others{text-align: center;font-size:0px;margin-top:24px;}
.account-page .others > *{display:inline-block;width:30px;height:30px;margin:0px 14px;font-size:12px;border-radius:50%;background:#ADADAD;position:relative;}
.account-page .others i{width:20px;height:18px;display:block;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background:url(../images/icons_type.png) no-repeat;}
.account-page .qq i{background-position:-18px 0 ;}
.account-page .sina i{background-position:-37px 0 ;}
.account-page .zfb i{background-position:-56px 0 ;}
.account-page .others .qq:hover{background: #0288d1;}
.account-page .others .sina:hover{background:#D32F2F;}
.account-page .others .zfb:hover{background: #00AAEE;}
.account-page .options{margin-top:56px;font-size:0px;color:#757575;}
.account-page .options >*:first-child{border-left:none;}
.account-page .options >*{display: inline-block;padding: 0px 10px;line-height:10px;font-size:14px;border-left:solid #E4E0E4 1px;font-size:14px;}

.account-page .options >*:hover{color:#EF5B00;}
.qr-page{z-index:0;text-align:center;}	
.qr-page .title{margin-top:120px;font-size:30px;line-height:30px;color:#FF6700;height:48px;}
.qr-page .desc{height:64px;font-size:10px;color:#757575;line-height:10px;	}
.qr-page .wx_code{width:270px;height:270px;margin:0 auto;}

/*页脚样式设定*/
#footer{font-size:10px;color:#757575;text-align: center;}
#footer .desc,#footer .options{height:50px;}
#footer .options{font:10px;height: 50px;margin-top:24px;}
#footer .options .active{color:#333;}
#footer .options > *{display:inline-block;padding:0px 10px;line-height:12px;border-left:solid 1px #b0b0b0;}
#footer .options > *:first-child{border-left:none;}
